<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<script src="<s:url value='/js/jquery/jquery-1.5.1.min.js'/>"></script>
		<script src="<s:url value='/js/jquery/jquery.switchable.min.js'/>"></script>
		<style type="text/css">
			.wi_h1 {
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
			}
			
			.wi_h2 {
				font-size: 12px;
				color: #86b0d1;
			}
			
			.wi_h3 {
				font-size: 12px;
				color: #213453;
			}
			
			.wi_h4 {
				font-size: 14px;
				font-weight: bold;
				color: #ff5a00;
			}
			
			.wi_h5 {
				font-size: 1.1em;
				font-weight: bold;
				color: #FFFFFF;
				margin-right: 15px;
			}
			
			.wi_h6 {
				color: #FF8000;
				margin-right: 2px;
				text-decoration: underline;
			}
			
			body,td,th {
				font-family: Microsoft YaHei, Arial, Helvetica;
				font-size: 12px;
			}
			
			.scrollable-panel {
				float: left;
				height: 220px;
				margin: 5px 4px;
				overflow: hidden;
				position: relative;
				text-align: center;
				width: 735px;
			}
			
			.scrollable-panel table {
				border-radius: 4px 4px 4px 4px;
				float: left;
				margin: 0px 9px;
				padding: 1px;
				width: 120px;
				background-color: #F2F2F2;
			}
			
			.clearfix {
				position: absolute;
				width: 2010em;
			}
			
			.trigger-bar {
				height: 18px;
				width: 735px;
				margin-top: 3px;
				margin-top: 4px;
				margin-top: 4px;
			}
			
			.scrollable-trigger {
				float: right;
			}
			
			.trigger-bar .next {
				background-position: -17px 0;
			}
			
			.trigger-bar .prev {
				background-position: -40px 0;
				margin-right: -1px;
			}
			
			.trigger-bar .next {
				background-position: -17px 0;
			}
			
			.trigger-bar .prev,.trigger-bar .next {
				background-image: url("img/navigator.png");
				background-repeat: no-repeat;
				display: block;
				float: right;
				height: 18px;
				outline: medium none;
				width: 18px;
			}
			
			a,b {
				color: #0077FF;
			}
			
			a {
				text-decoration: none;
			}
			
			.scrollable-trigger a {
				background: url("img/navigator.png") no-repeat scroll -80px 0
					transparent;
				color: #70B2D5;
				display: inline-block;
				font-size: 0;
				height: 6px;
				margin: 6px 5px 0 0;
				outline: medium none;
				overflow: hidden;
				width: 6px;
			}
			
			.scrollable-trigger a.current,.scrollable-trigger a:hover {
				background: url("img/navigator.png") no-repeat scroll -80px -10px
					transparent;
				color: #CACACA;
			}
	</style>

	<script>
		$(function(){
			/* Chaining plugins */
			$('#trigger').switchable('#panel > div > table', {
				triggerType: 'click',
				effect: 'scroll',
				speed: 3,
				steps: 4,
				visible: 4
			}).autoplay(5).carousel().mousewheel();
			
			var api4 = $('#trigger').switchable();
			$('#next').click(function(){
				api4.next();
			});
			$('#prev').click(function(){
				api4.prev();
			});
		});
	</script>

	</head>
	<body>
		${requestScope.result}
	</body>
</html>

